summaryrefslogtreecommitdiffhomepage
path: root/packages/cloud/app/src/routes/[...404].css
diff options
context:
space:
mode:
Diffstat (limited to 'packages/cloud/app/src/routes/[...404].css')
-rw-r--r--packages/cloud/app/src/routes/[...404].css130
1 files changed, 0 insertions, 130 deletions
diff --git a/packages/cloud/app/src/routes/[...404].css b/packages/cloud/app/src/routes/[...404].css
deleted file mode 100644
index 1edbd0a5a..000000000
--- a/packages/cloud/app/src/routes/[...404].css
+++ /dev/null
@@ -1,130 +0,0 @@
-[data-page="not-found"] {
- --color-text: hsl(224, 10%, 10%);
- --color-text-secondary: hsl(224, 7%, 46%);
- --color-text-dimmed: hsl(224, 6%, 63%);
- --color-text-inverted: hsl(0, 0%, 100%);
-
- --color-border: hsl(224, 6%, 77%);
-}
-
-[data-page="not-found"] {
- @media (prefers-color-scheme: dark) {
- --color-text: hsl(0, 0%, 100%);
- --color-text-secondary: hsl(224, 6%, 66%);
- --color-text-dimmed: hsl(224, 7%, 46%);
- --color-text-inverted: hsl(224, 10%, 10%);
-
- --color-border: hsl(224, 6%, 36%);
- }
-}
-
-[data-page="not-found"] {
- --padding: 3rem;
- --vertical-padding: 1.5rem;
- --heading-font-size: 1.375rem;
-
- @media (max-width: 30rem) {
- --padding: 1rem;
- --vertical-padding: 0.75rem;
- --heading-font-size: 1rem;
- }
-
- font-family: var(--font-mono);
- color: var(--color-text);
- padding: calc(var(--padding) + 1rem);
- min-height: 100vh;
- display: flex;
- align-items: center;
- justify-content: center;
-
- a {
- color: var(--color-text);
- text-decoration: underline;
- text-underline-offset: var(--space-0-75);
- text-decoration-thickness: 1px;
- }
-
- [data-component="content"] {
- max-width: 40rem;
- width: 100%;
- border: 1px solid var(--color-border);
- }
-
- [data-component="top"] {
- padding: var(--padding);
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: calc(var(--vertical-padding) / 2);
- text-align: center;
-
- [data-slot="logo-link"] {
- text-decoration: none;
- }
-
- img {
- height: auto;
- width: clamp(200px, 85vw, 400px);
- }
-
- [data-slot="logo dark"] {
- display: none;
- }
-
- @media (prefers-color-scheme: dark) {
- [data-slot="logo light"] {
- display: none;
- }
- [data-slot="logo dark"] {
- display: block;
- }
- }
-
- [data-slot="title"] {
- line-height: 1.25;
- font-weight: 500;
- text-align: center;
- font-size: var(--heading-font-size);
- color: var(--color-text);
- text-transform: uppercase;
- margin: 0;
- }
- }
-
- [data-component="actions"] {
- border-top: 1px solid var(--color-border);
- display: flex;
-
- [data-slot="action"] {
- flex: 1;
- text-align: center;
- line-height: 1.4;
- padding: var(--vertical-padding) 1rem;
- text-transform: uppercase;
- font-size: 1rem;
-
- a {
- display: block;
- width: 100%;
- height: 100%;
- color: var(--color-text);
- text-decoration: underline;
- text-underline-offset: var(--space-0-75);
- text-decoration-thickness: 1px;
- }
- }
-
- [data-slot="action"] + [data-slot="action"] {
- border-left: 1px solid var(--color-border);
- }
-
- @media (max-width: 40rem) {
- flex-direction: column;
-
- [data-slot="action"] + [data-slot="action"] {
- border-left: none;
- border-top: 1px solid var(--color-border);
- }
- }
- }
-}